<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1.0,  maximum-scale=1.0,minimum-scale=1.0">
    <title>Super Inspiration Case Studies - Game, VR, AR, Apps and More</title>
    <link rel="shortcut icon" href="./img/favicon.png" type="images/x-icon" />
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/menu.css">
    <style>
        .body {
            padding-top: 100px;
        }

        .title {
            color: #888888;
            font-size: 28px;
            letter-spacing: 12px;
            font-weight: 500;
        }

        .box {
            padding: 40px 0 30px 0;
        }

        .name {
            color: #2d8ae5;
            font-size: 40px;
            font-weight: bold;
            line-height: 60px;
            margin-bottom: 10px;
        }

        .img {
            width: 100%;
            height: auto;
            position: relative;
            margin-bottom: 12px;
        }

        .tip_box {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 22px 0 36px 0;
            background-color: rgba(0, 0, 0, 0.6);
            text-align: center;
            color: #fff;
            font-size: 13px;
        }

        .tip_title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .section_banners {
            position: relative;
        }

        .section_banners_page {
            position: absolute;
            top: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

        .section_banners_prev {
            left: -40px;
            transform: translateY(-50%) translateX(50%) rotate(180deg) !important;
        }

        .section_banners_next {
            right: -40px;
        }


        .section_banners_item {
            width: 32.6%;
            margin-right: 1.1%;
            height: auto;
        }

        .section_banners_item>div {
            background: #e6e6e6;
            text-align: center;
            padding: 0px 7px 10px;
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #000;
            font-size: 15px;
        }

        .section_banners_item img {
            height: 160px;
            width: 100%;
            object-fit: cover;
        }

        .container {
            padding: 0 40px;
        }

        @media (max-width: 576px) {
            .container {
                padding: 0 10px;
            }

            .box {
                padding: 0px 0 40px 0;
            }

            .title {
                font-size: 20px;
                margin-bottom: 8px;
            }

            .name {
                font-size: 26px;
                line-height: 40px;
                margin-bottom: 4px;
            }

            .tip_box {
                font-size: 12px;
                padding: 8px 0 15px 0;
            }

            .tip_title {
                font-size: 18px;
                margin-bottom: 6px;
            }

            .img {
                height: 400px;
            }

            .img>img {
                height: 100% !important;
                object-fit: cover;
            }

            .section_banners_item {
                width: 100%;
                height: auto;
                margin-right: 0;
            }

            .section_banners_page {
                position: absolute;
                top: calc(100% + 15px);
                transform: translateY(-50%) translateX(-50%);
                width: 18px;
                height: 18px;
            }

            .section_banners_prev {
                left: 35%;
                transform: translateY(-50%) translateX(50%) rotate(-180deg) !important;
            }

            .section_banners_next {
                right: 35%;
            }
        }
    </style>
</head>

<body>
    <!-- 导航 -->
    <section>
        <div class="pc_menu">
            <div class="container pc_menu_box">
                <a href="./index.html"><img class="menu_logo"
                        src="./img/logo.png" alt="logo"></a>
                <div class="menu_box">
                    <div class="menu_item ">
                        <span class="menu_item_name _t">SERVICES</span>

                        <div class="menu_item_box">
                            <div class="ul">
                                <div class="li">
                                    <a href="./aaa_game_art.html">
                                        <img src="./img/menu_2.png"
                                            alt="art">
                                        <span class="_t">AAA Game Art</span>
                                    </a>
                                </div>
                                <div class="li">
                                    <a
                                        href="./html5_game_development_company.html">
                                        <img src="./img/menu_4.png"
                                            alt="h5">
                                        <span class="_t">HTML5 Game</span>
                                    </a>
                                </div>
                                <div class="li">
                                    <a
                                        href="./pc_game_development_company.html">
                                        <img src="./img/menu_3.png"
                                            alt="desktop">
                                        <span class="_t">Desktop Game</span>
                                    </a>
                                </div>
                                <div class="li">
                                    <a
                                        href="./unreal_engine_game_development_company.html">
                                        <img src="./img/menu_5.png"
                                            alt="unreal">
                                        <span class="_t">Unreal Engine
                                            Game</span>
                                    </a>
                                </div>
                                <div class="li">
                                    <a
                                        href="./mobile_game_development_company.html">
                                        <img src="./img/menu_1.png"
                                            alt="mobile">
                                        <span class="_t">Mobile Game</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu_item menu_item_active">
                        <a href="./case_studies.html"
                            style="text-decoration: none;color:#fff">
                            <span class="_t">CASE STUDIES</span></a>
                    </div>
                    <div class="menu_item ">
                        <a href="./all_games.html"
                            style="text-decoration: none;color:#fff"><span
                                class="_t">GAMES</span></a>
                    </div>
                    <div class="menu_item ">
                        <a href="./index.html"
                            style="text-decoration: none;color:#fff"><span
                                class="_t">ABOUT
                                US</span></a>
                    </div>
                </div>
                <!-- <div class="menu_btn">CONTACT US</div> -->
                <img onclick="openMenu(true)" src="./img/menu.svg"
                    alt="menu" class="mune_icon">
            </div>
        </div>
        <div class="h5_menu">
            <div onclick="openMenu(false)" class="menu_close_icon _t"></div>
            <div class="h5_menu_box">
                <div class="h5_menu_item" onclick="switchH5Menu(this)">
                    <div class="h5_menu_title">
                        <span class="_t">SERVICES</span>
                        <img src="./img/down.svg" alt="↓">
                    </div>
                    <div class="h5_menu_children">
                        <div class="h5_children_item">
                            <a href="./aaa_game_art.html" class="_t">AAA
                                Game Art</a>
                        </div>
                        <div class="h5_children_item">
                            <a href="./html5_game_development_company.html"
                                class="_t">HTML5 Game</a>
                        </div>
                        <div class="h5_children_item">
                            <a href="./pc_game_development_company.html"
                                class="_t">Desktop Game</a>
                        </div>
                        <div class="h5_children_item">
                            <a
                                href="./unreal_engine_game_development_company.html"
                                class="_t">Unreal Engine Game</a>
                        </div>
                        <div class="h5_children_item">
                            <a href="./mobile_game_development_company.html"
                                class="_t">Mobile Game</a>
                        </div>
                    </div>
                </div>
                <div class="h5_menu_item">
                    <div class="h5_menu_title sigle_title">
                        <a href="./case_studies.html"
                            style="text-decoration: none;color:#fff"><span
                                class="_t">CASE
                                STUDIES</span></a>
                    </div>
                </div>
                <div class="h5_menu_item">
                    <div class="h5_menu_title sigle_title">
                        <a href="./all_games.html"
                            style="text-decoration: none;color:#fff"><span
                                class="_t">GAMES</span></a>
                    </div>
                </div>
                <div class="h5_menu_item">
                    <div class="h5_menu_title sigle_title">
                        <a href="./index.html"
                            style="text-decoration: none;color:#fff"><span
                                class="_t">ABOUT
                                US</span></a>
                    </div>
                </div>
            </div>
            <script>
            // pc
            const pc_menu = document.querySelector('.pc_menu');
            window.addEventListener('scroll', () => {
                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                if (scrollTop > 100) {
                    pc_menu.style.background = 'rgba(0,0,0,0.78)'
                } else {
                    pc_menu.style.background = 'linear-gradient(180deg, #000, transparent)'
                }
            });
            // h5
            function switchH5Menu(e) {
                if (e.className.includes('h5_menu_item_active')) {
                    e.className = e.className.replace('h5_menu_item_active', '')
                } else {
                    e.className = e.className + ' h5_menu_item_active'
                }
            }
            function switchH5SubMenu(e, event) {
                if (e.className.includes('h5_children_item_active')) {
                    e.className = e.className.replace('h5_children_item_active', '')
                } else {
                    e.className = e.className + ' h5_children_item_active'
                }
                event.stopPropagation();
            }
            function openMenu(key) {
                const h5_menu = document.querySelector('.h5_menu')
                if (h5_menu) {
                    h5_menu.className = key ? 'h5_menu h5_menu_open' : 'h5_menu'
                }
            }
        </script>
        </section>


    <div class="body">
        <div class="container">
            <div class="title _t">CASE STUDIES</div>

            <!-- game development -->
            <div class="box">
                <div class="name _t">GAME DEVELOPMENT</div>
                <div class="img">
                    <img style="width: 100%;height:auto" src="./img/case_studies/SCS-912x587.jpg" alt="img">
                    <div class="tip_box">
                        <div class="tip_title _t">long_53</div>
                        <div class="_t">long_54</div>
                    </div>
                </div>
                <div class="section_banners">
                    <img onclick="banners1Page(-1)" class="section_banners_page section_banners_prev"
                        style="transform: rotate(180deg);" src="./img/rr-color.svg" alt="←">
                    <div class="section_banners_box">
                        <div class="section_banners_scroll section_banners_scroll_1">
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/Farming_Stimulator-271x127.jpg" alt="i">
                                <div class="_t">FARMING SIMULATION GAMES</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/genetrix-vr-game.jpg" alt="i">
                                <div class="_t">VR GAME</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/lazy-horse-case-study.jpg" alt="i">
                                <div class="_t">LAZY HORSE - METAVERSE</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/medal-of-war-case-studies.jpg" alt="i">
                                <div class="_t">MEDAL OF WARS</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/Farming_Stimulator-271x127.jpg" alt="i">
                                <div class="_t">FARMING SIMULATION GAMES</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/genetrix-vr-game.jpg" alt="i">
                                <div class="_t">VR GAME</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/lazy-horse-case-study.jpg" alt="i">
                                <div class="_t">LAZY HORSE - METAVERSE</div>
                            </div>
                            <div class="section_banners_item section_banners_item_1">
                                <img src="./img/case_studies/medal-of-war-case-studies.jpg" alt="i">
                                <div class="_t">MEDAL OF WARS</div>
                            </div>
                        </div>
                    </div>
                    <img onclick="banners1Page(1)" class="section_banners_page section_banners_next"
                        src="./img/rr-color.svg" alt="→">
                </div>
                <script>
                    const section_banners_scroll_1 = document.querySelector('.section_banners_scroll_1')
                    const section_banners_items_1 = document.querySelectorAll('.section_banners_item_1')
                    let page1 = 0
                    function banners1Page(step) {
                        page1 += step
                        if (page1 < 0) page1 = section_banners_items_1.length - 1
                        if (page1 >= section_banners_items_1.length - 1) page1 = 0
                        let w = section_banners_scroll_1.clientWidth * 0.337
                        if (document.body.clientWidth <= 576) {
                            w = section_banners_scroll_1.clientWidth
                        }
                        section_banners_scroll_1.style.transform = `translateX(-${w * page1}px)`
                    }
                </script>
            </div>

            <!-- VR/XR SOLUTIONS -->
            <div class="box">
                <div class="name _t">VR/XR SOLUTIONS</div>
                <div class="img">
                    <img style="width: 100%;height:auto" src="./img/case_studies/BannerARVR.jpg" alt="img">
                    <div class="tip_box">
                        <div class="_t">long_55</div>
                    </div>
                </div>
                <div class="section_banners">
                    <img onclick="banners2Page(-1)" class="section_banners_page section_banners_prev"
                        style="transform: rotate(180deg);" src="./img/rr-color.svg" alt="←">
                    <div class="section_banners_box">
                        <div class="section_banners_scroll section_banners_scroll_2">
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/CS_StrongWatch_Icon.jpg" alt="i">
                                <div class="_t">VR SIMULATION</div>
                            </div>
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/ar-based-food-menu.jpg" alt="i">
                                <div class="_t">AUGMENTED REALITY FOOD MENU</div>
                            </div>
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/CaseStudy_HealthcareIcon.jpg" alt="i">
                                <div style="display:flex">
                                    <div class="_t">HEALTH CARE</div> – <span class="_t">AR & VR</span> 
                                </div>
                            </div>
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/CS_StrongWatch_Icon.jpg" alt="i">
                                <div class="_t">VR SIMULATION</div>
                            </div>
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/ar-based-food-menu.jpg" alt="i">
                                <div class="_t">AUGMENTED REALITY FOOD MENU</div>
                            </div>
                            <div class="section_banners_item section_banners_item_2">
                                <img src="./img/case_studies/CaseStudy_HealthcareIcon.jpg" alt="i">
                                <div class="_t">HEALTH CARE – AR & VR</div>
                            </div>
                        </div>
                    </div>
                    <img onclick="banners2Page(1)" class="section_banners_page section_banners_next"
                        src="./img/rr-color.svg" alt="→">
                </div>
                <script>
                    const section_banners_scroll_2 = document.querySelector('.section_banners_scroll_2')
                    const section_banners_items_2 = document.querySelectorAll('.section_banners_item_2')
                    let page2 = 0
                    function banners2Page(step) {
                        page2 += step
                        if (page2 < 0) page2 = section_banners_items_2.length - 1
                        if (page2 >= section_banners_items_2.length - 1) page2 = 0
                        let w = section_banners_scroll_2.clientWidth * 0.337
                        if (document.body.clientWidth <= 576) {
                            w = section_banners_scroll_2.clientWidth
                        }
                        section_banners_scroll_2.style.transform = `translateX(-${w * page2}px)`
                    }
                </script>
            </div>

            <!-- ENTERPRISE SOLUTIONS -->
            <div class="box">
                <div class="name _t">ENTERPRISE SOLUTIONS</div>
                <div class="img">
                    <img style="width: 100%;height:auto" src="./img/case_studies/Industrial_Stimulator-web.jpg"
                        alt="img">
                    <div class="tip_box">
                        <div class="tip_title _t">SIMULATION - INDUSTRIAL TRAINING</div>
                        <div class="_t">Gamification of Training in Heavy Industries</div>
                    </div>
                </div>
                <div class="section_banners">
                    <img onclick="banners3Page(-1)" class="section_banners_page section_banners_prev"
                        style="transform: rotate(180deg);" src="./img/rr-color.svg" alt="←">
                    <div class="section_banners_box">
                        <div class="section_banners_scroll section_banners_scroll_3">
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/geo-mapped-data-visualization-framework.jpg" alt="i">
                                <div class="_t">GEO-MAPPED DATA VISUALIZATION FRAMEWORK</div>
                            </div>
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/gamification-app-1.jpg" alt="i">
                                <div class="_t">GAMIFICATION APP FOR SALES TRAINING</div>
                            </div>
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/gamified-training.jpg" alt="i">
                                <div class="_t">GAMIFIED SOLUTIONS FOR TABLET MANUFACTURING</div>
                            </div>
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/geo-mapped-data-visualization-framework.jpg" alt="i">
                                <div class="_t">GEO-MAPPED DATA VISUALIZATION FRAMEWORK</div>
                            </div>
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/gamification-app-1.jpg" alt="i">
                                <div class="_t">GAMIFICATION APP FOR SALES TRAINING</div>
                            </div>
                            <div class="section_banners_item section_banners_item_3">
                                <img src="./img/case_studies/gamified-training.jpg" alt="i">
                                <div class="_t">GAMIFIED SOLUTIONS FOR TABLET MANUFACTURING</div>
                            </div>
                        </div>
                    </div>
                    <img onclick="banners3Page(1)" class="section_banners_page section_banners_next"
                        src="./img/rr-color.svg" alt="→">
                </div>
                <script>
                    const section_banners_scroll_3 = document.querySelector('.section_banners_scroll_3')
                    const section_banners_items_3 = document.querySelectorAll('.section_banners_item_3')
                    let page3 = 0
                    function banners3Page(step) {
                        page3 += step
                        if (page3 < 0) page3 = section_banners_items_3.length - 1
                        if (page3 >= section_banners_items_3.length - 1) page3 = 0
                        let w = section_banners_scroll_3.clientWidth * 0.337
                        if (document.body.clientWidth <= 576) {
                            w = section_banners_scroll_3.clientWidth
                        }
                        section_banners_scroll_3.style.transform = `translateX(-${w * page3}px)`
                    }
                </script>
            </div>

            <!-- APP DEVELOPMENT -->
            <div class="box">
                <div class="name _t">APP DEVELOPMENT</div>
                <div class="img">
                    <img style="width: 100%;height:auto" src="./img/case_studies/Banner_AppDevelopment.jpg" alt="img">
                    <div class="tip_box">
                        <div class="tip_title _t">HOPSTER FUN LEARNING APPS</div>
                        <div class="_t">long_56</div>
                    </div>
                </div>
                <div class="section_banners">
                    <img onclick="banners4Page(-1)" class="section_banners_page section_banners_prev"
                        style="transform: rotate(180deg);" src="./img/rr-color.svg" alt="←">
                    <div class="section_banners_box">
                        <div class="section_banners_scroll section_banners_scroll_4">
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/rts-game-development.jpg" alt="i">
                                <div class="_t">RTS GAME DEVELOPMENT</div>
                            </div>
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/socio-ar-game-and-social-app.jpg" alt="i">
                                <div class="_t">SOCIAL AR GAME APP</div>
                            </div>
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/zip-line-vr-entertainment-game.jpg" alt="i">
                                <div class="_t">VIRTUAL REALITY ENTERTAINMENT</div>
                            </div>
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/rts-game-development.jpg" alt="i">
                                <div class="_t">RTS GAME DEVELOPMENT</div>
                            </div>
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/socio-ar-game-and-social-app.jpg" alt="i">
                                <div class="_t">SOCIAL AR GAME APP</div>
                            </div>
                            <div class="section_banners_item section_banners_item_4">
                                <img src="./img/case_studies/zip-line-vr-entertainment-game.jpg" alt="i">
                                <div class="_t">VIRTUAL REALITY ENTERTAINMENT</div>
                            </div>
                        </div>
                    </div>
                    <img onclick="banners4Page(1)" class="section_banners_page section_banners_next"
                        src="./img/rr-color.svg" alt="→">
                </div>
                <script>
                    const section_banners_scroll_4 = document.querySelector('.section_banners_scroll_4')
                    const section_banners_items_4 = document.querySelectorAll('.section_banners_item_4')
                    let page4 = 0
                    function banners4Page(step) {
                        page4 += step
                        if (page4 < 0) page4 = section_banners_items_4.length - 1
                        if (page4 >= section_banners_items_4.length - 1) page4 = 0
                        let w = section_banners_scroll_4.clientWidth * 0.337
                        if (document.body.clientWidth <= 576) {
                            w = section_banners_scroll_4.clientWidth
                        }
                        section_banners_scroll_4.style.transform = `translateX(-${w * page4}px)`
                    }
                </script>
            </div>

        </div>
    </div>

    <!-- bottom -->
    <section class="section_bottom">
        <div class="container section_bottom_box">

            <!-- navs -->
            <div class="bottom_navs">
                <div class="bottom_services_pc">
                    <!-- <div class="bottom_services_pc_title">Services</div> -->
                    <div class="bottom_nav">
                        <div
                            class="bottom_nav_title bottom_services_title bottom_nav_title2 _t">Game
                            Development
                            Services
                        </div>
                        <a href="./aaa_game_art.html"
                            class="bottom_nav_link _t">AAA Game Art</a>
                        <a href="./html5_game_development_company.html"
                            class="bottom_nav_link _t">HTML5 Game</a>
                        <a href="./pc_game_development_company.html"
                            class="bottom_nav_link _t">Desktop Game</a>
                        <a
                            href="./unreal_engine_game_development_company.html"
                            class="bottom_nav_link _t">Unreal Engine
                            Game</a>
                        <a href="./mobile_game_development_company.html"
                            class="bottom_nav_link _t">Mobile Game</a>
                    </div>
                </div>
                <div class="bottom_services_h5">
                    <div class="bottom_nav">
                        <div
                            class="bottom_nav_title bottom_services_title bottom_nav_title2 _t">Game
                            Development
                            Services
                        </div>
                        <a href="./aaa_game_art.html"
                            class="bottom_nav_link _t">AAA Game Art</a>
                        <a href="./html5_game_development_company.html"
                            class="bottom_nav_link _t">HTML5 Game</a>
                        <a href="./pc_game_development_company.html"
                            class="bottom_nav_link _t">Desktop Game</a>
                        <a
                            href="./unreal_engine_game_development_company.html"
                            class="bottom_nav_link _t">Unreal Engine
                            Game</a>
                        <a href="./mobile_game_development_company.html"
                            class="bottom_nav_link _t">Mobile Game</a>
                    </div>
                </div>
                <div class="bottom_right">
                    <div class="bottom_nav">
                        <div
                            class="bottom_nav_title bottom_services_title bottom_nav_title2 _t">Case
                            Studies</div>
                        <a href="./case_studies.html"
                            class="bottom_nav_link _t">Our
                            Experience</a>
                    </div>
                    <div class="bottom_nav">
                        <div
                            class="bottom_nav_title bottom_services_title bottom_nav_title2 _t">Games</div>
                        <a href="./all_games.html"
                            class="bottom_nav_link _t">Games</a>
                    </div>
                </div>
            </div>

            <!-- our offices -->
            <div class="our_offices">
                <div class="our_offices_item">
                    <div CLASS="our_offices_ouroffices _t">OUR
                        OFFICES</div>
                    <div class="our_offices_title">
                        <span>Netherlands</span>
                        <img src="./img/bottom/hl.svg"
                            alt="Netherlands">
                    </div>
                    <div class="our_offices_box">
                        <div
                            class="our_offices_orange">Zuid-Holland</div>
                        <div>Rotterdam <br /> Gemertwal 103</div>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/phone.svg" alt="phone">
                        <a href="tel: +0684940432"> +0684940432</a>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/message.svg" alt="phone">
                        <a
                            href="mailto:manaladjames98@gmail.com">manaladjames98@gmail.com</a>
                    </div>
                </div>
                <div class="our_offices_item">
                    <div class="our_offices_title">
                        <span>台灣</span>
                        <img src="./img/bottom/tw.svg" alt="tw">
                    </div>
                    <div class="our_offices_box">
                        <div class="our_offices_orange">台北市</div>
                        <div>大同區西寧北路78之18號</div>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/phone.svg" alt="phone">
                        <a href="tel: +049902326"> +049902326</a>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/message.svg" alt="phone">
                        <a
                            href="mailto:manaladjames98@gmail.com">manaladjames98@gmail.com</a>
                    </div>
                </div>
                <div class="our_offices_item">
                    <div class="our_offices_title">
                        <span class="_t">United States</span>
                        <img src="./img/bottom/usa.svg"
                            alt="United States">
                    </div>
                    <div class="our_offices_box">
                        <div class="our_offices_orange _t">New Mexico</div>
                        <div class="_t">Cimarron <br /> 50 Turkey Roost Ln </div>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/phone.svg" alt="phone">
                        <a href="tel: +049902326"> +049902326</a>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/message.svg" alt="phone">
                        <a
                            href="mailto:manaladjames98@gmail.com">manaladjames98@gmail.com</a>
                    </div>
                </div>
                <div class="our_offices_item">
                    <div class="our_offices_title">
                        <span class="_t">United Kingdom</span>
                        <img src="./img/bottom/eu.svg"
                            alt="United Kingdom">
                    </div>
                    <div class="our_offices_box">
                        <div class="our_offices_orange">Rhosneigr</div>
                        <div class="_t">High St, Rhosneigr </div>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/phone.svg" alt="phone">
                        <a href="tel: +049902326"> +049902326</a>
                    </div>
                    <div class="our_offices_concat">
                        <img src="./img/bottom/message.svg" alt="phone">
                        <a
                            href="mailto:manaladjames98@gmail.com">manaladjames98@gmail.com</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- copyright -->
        <div class="bottom_copyright">
            <div class="bottom_copyright_box">COPYRIGHT © <a
                    href="https://www.Super Inspirationstudio.com">2024
                    Super
                    Inspiration
                    PRIVATE LIMITED</a> | <a
                    href="/privacy-policy">Privacy Policy</a> | <a
                    href="/wp-content/themes/Super InspirationTheme/pdf/Terms-Conditions-Product.pdf"
                    target="_blank">Terms
                    &amp; Conditions</a> | <a
                    href="/wp-content/themes/Super InspirationTheme/pdf/Refund Policy for Service Cancellation.pdf"
                    target="_blank">Refund Policy</a> | <a
                    href="/wp-content/themes/Super InspirationTheme/pdf/Privacy Policy Product.pdf"
                    target="_blank">Privacy
                    Policy Product</a> | <a
                    href="/security">Security</a> | <a
                    href="/sitemap">Sitemap</a></div>
            <div class="bottom_copyright_icons">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/facebook.svg" alt="facebook">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/artstation.svg" alt="artstation">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/behance.svg" alt="behance">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/linkedin.svg" alt="linkedin">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/youtube3.svg" alt="youtube">
                <img class="bottom_copyright_icon"
                    src="./img/bottom/skype.svg" alt="skype">
            </div>
        </div>
    </section>

    <script src="./js/lang.js"></script>
</body>

</html>